<template>
  <div>
    <Search v-if="flowData" :flowData="flowData" />
    <List v-if="flowData" :flowData="flowData" />
    <Add v-if="flowData" :flowData="flowData" />
  </div>
</template>
<script>
export default {
  components: {
    Search: () => import('./Search.vue'),
    List: () => import('./List.vue'),
    Add: () => import('./Add.vue'),
  },
  data() {
    return {
      flowData: null,
    }
  },
  mounted() {
    this.flowData = JSON.parse(this.getSession('flowData'))
  },
}
</script>
<style scoped lang="scss">
.flow-place {
  color: #666;
}
.flow-place span {
  color: #333;
  cursor: pointer;
  &:hover {
    color: $mainColor;
  }
}
</style>